{% extends 'base.html' %}
{% block title %}Staff{% endblock %}
{% load thumbnail %}

{% block content %}
    <h2 xmlns="http://www.w3.org/1999/html">Staff</h2>

    <div id="div_staff_wrapper">
        {% for s in staff %}
                <div class="div_staff">
                    {% thumbnail s.image "100x100" crop="center" as im %}
                        <img class="img_staff" src="{{ im.url }}" alt="{{ s.name }}" height="{{ im.height }}" width="{{ im.width }}"/>
                    {% endthumbnail %}
                    <div class=div_staff_info>{{ s.name }} - {{ s.position }} - {{ s.phone }} - {{ s.email }}<div></div>
                </div>
        {% endfor %}
    </div>
{% endblock %}